<template>
    <div class="scguanli">
        <!-- 标题信息 -->
        <ctitle></ctitle>
        <!-- 内容 -->
        <con></con>
        <!-- 底部 -->
        <div class="footer">
            <div class="f-con">
                <div class="quan"></div>
                <div class="all">全选</div>
                <div class="del">删除</div>
            </div>
        </div>
    </div>
</template>
<script>
import ctitle from '@/components/scguanli/scguanlicps/ctitle'
import con from '@/components/scguanli/scguanlicps/_con'
export default {
    data(){
        return{

        }
    },
    components:{
        ctitle,
        con
    }
}
</script>
<style>
.scguanli{
    width: 100%;
    background: #F5F6F7;
}
.footer{
   width: 100%;
    background: #F5F6F7;
}
.f-con{
    overflow: hidden;
    width: 96%;
    height: 1rem;
    border-radius: 0.2rem;
    margin: 0.2rem 0 0 0.2rem;
    background: #22262F;
}
.quan{
    width: 0.32rem;
    height: 0.32rem;
    float:left;
    margin-top: 0.34rem;
    margin-left: 0.3rem;
    border-radius: 50%;
    background: #9DA3B1;
}
.all{
    font-size: 0.24rem;
    color: #fff;
    float: left;
    line-height: 1rem;
    margin-left: 0.2rem;
}
.del{
    font-size: 0.3rem;
    color: #fff;
    width: 1.7rem;
    height: 0.7rem;
    float: left;
    margin-left: 3rem;
    margin-top: 0.15rem;
    background: #F52E67;
    border-radius: 0.16rem;
    text-align: center;
    line-height: 0.7rem;
}
</style>
